.warning-content {
  display: grid;
  grid-template-columns: repeat(4, calc((100% - 45px) / 4));
  grid-column-gap: 15px;
  padding: 0 20px;
  height: 70px;
  .warning-item {
    background-color: #13476c;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    .item-icon {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      img {
        width: 60%;
        height: 60%;
      }
    }
    .item-info {
      color: #fff;
      .item-title {
        font-size: 14px;
      }
      .item-number {
        font-size: 18px;
        font-weight: 700;
        margin-top: 10px;
      }
    }
  }
}
